define("Usuarios.AdministrarUsuarios", ["jquery.mobile"], function($){
    
    $("#usuarios-view-page #delete-usuario").live("tap", function(){
        $("#usuarios-view-page #delete-usuario").hide();
        $("#usuarios-view-page .confirm-strip").animate({
            height:"show", 
            duration:"fast"
        });        
    });
    
    $("#usuarios-view-page .confirm-strip #confirm-cancel-button").live("tap", function(){
        $("#usuarios-view-page .confirm-strip").animate({
            height:"hide", 
            duration:"fast"
        }, 
        function(){
            $("#usuarios-view-page #delete-usuario").show();
        });
    });
    
    //Agregar el rol seleccionado.
    $("#usuarios-view-page select[name='idRol']").live("change", function(){
        $(this).parents("form").submit();
    });
    
    //Quitar el rol seleccionado.
    $("#usuarios-view-page ul li a.quitar-rol").live("tap", function(){
        console.log("clicked");
        var idRol = $(this).attr("data-id");
        var removeRoleAction = $("#remove-role-action");
        
        removeRoleAction.children("input[name='idRol']").val(idRol);
        removeRoleAction.submit();
    });
    
    //Chequear si el nombre ya está siendo utilizado.
    $("#user-check-name-button").live("tap", function(){
        var button = $(this);
        var value = $("#userName").val();
        $("#usuarios-create-page .notifications").empty();
        button.attr({
            "disable":true
        });
        
        $.ajax({
            type: 'POST',
            url: button.attr("data-url"),
            data: {
                user:value
            },
            success: function(result){
                var type = result ? "warning" : "success";
                var message = result ? "El nombre de usuario '" + value + "' ya existe, utilice otro nombre." : "El nombre de usuario está disponible y puede usarse.";
                var title = result ? "El usuario ya existe" : "El nombre está disponible";
                
                $("#usuarios-create-page .notifications").append(
                    $("<li>").attr({
                        "data-icon":"delete",
                    })
                    .addClass("notification")
                    .addClass(type)
                    .append(
                        $("<a>").append($("<h3>").html(title), $("<p>").html(message))
                        )
                    ).listview('refresh');
                
                button.removeAttr("disable");
            },
            error:function(){
                button.removeAttr("disable");
            },
            dataType: "json"
        });
    });
});